<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/taobao.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			
			@font-face {
				font-family:"abc";
				src: url("./fonts/font_1451959379_8626566.eot"),url("./fonts/font_1451959379_8626566.svg"),url("./fonts/font_1451959379_8626566.woff"),url("./fonts/font_1451959379_8626566.ttf");
			}
			
			form{
				width:300px;
				background: green;
				margin:0 auto;
				padding:50px;
			}
			
			form p input{
				text-indent: 45px;
				width:300px;
				height: 40px;
				border:0 none;
				border:1px solid #ddd;
				box-sizing: border-box;
			}
			form p #btn{
				background:#f40;
				border-radius: 3px;
				color:#fff;
				letter-spacing: 8px;
			}
			
			
			form p{
				position:relative;
				font-family: "abc";	
			}
			#user,#pwd{
				display: inline-block;
				width:40px;
				height:40px;
				background: #ddd;
				line-height: 40px;
				text-align: center;
				font-size: 22px;
				color:#fff;
				position:absolute;
				left:0px;
				top:0px;
			}
			
			#delete{
				position: absolute;
				right:30px;
				top:12px;
				display: none;
				cursor: pointer;
			}
			
			
			
		</style>
	</head>
	<body>
		
		
		<form action="#">
			
			<!--用户名-->
			
			<p>
				<input type="text" id="userName" placeholder="邮箱/手机" />
				<span id="user">&#xe601;</span>
				<span id="delete">&#xe613;</span>
			</p>
			
			
			<!--密码-->
			<p>
				<input type="password" />
				<span id="pwd">&#xe600;</span>
			</p>
			
			
			<!--登录-->
			<p>
				<input type="submit" value="登录" id="btn"/>
			</p>
			
			
			
			<p>
				<script type="text/javascript">					
					for(var i=0; i<100; i++){
						if(i<10){
							document.write("<i>&#xe60"+i+";</i>");
						}else{
							document.write("<i>&#xe6"+i+";</i>");
						}
						
					}	
				</script>
				
			</p>
			
		<!---->	
			
		</form>
		
	</body>
</html>
